<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <title>逊克县农业农村大数据平台</title>
    <!--扩展ElementUI主题CSS-->
    <link rel="stylesheet" href="https://cdn.static.zjtpyun.com/common/layout-template/global/css/theme/index-blue.min.css">
    <!--字体图标库-->
    <link rel="stylesheet" href="https://cdn.static.zjtpyun.com/common/layout-template/global/css/style.min.css">

    <link rel="stylesheet" href="../../framework/element-ui@2.15.6/index.css">
    <link rel="stylesheet" href="../../framework/swiper@7.3.1/swiper-bundle.min.css">
    <link rel="stylesheet" href="./index.css">
        <!--依赖库：Vue、ElementUI-->
    <script src="https://cdn.static.zjtpyun.com/common/plugin/babel-standalone/babel.min.js"></script>
    <script src="https://cdn.static.zjtpyun.com/common/plugin/vue/2.6.10/Vue.js"></script>
    <script src="https://cdn.static.zjtpyun.com/common/plugin/element-ui/2.9.1/lib/index.js"></script>
    <script src="https://cdn.static.zjtpyun.com/common/plugin/axios/0.19.0/dist/axios.min.js"></script>
    <script src="https://cdn.static.zjtpyun.com/common/plugin/js-md5/0.7.3/src/md5.js"></script>
    <script src="https://cdn.static.zjtpyun.com/common/plugin/jquery/jquery-1.9.1.js"></script>
    <!--依赖库：国际化-->
    <script src="https://cdn.static.zjtpyun.com/common/plugin/vue-i18n/5.0.3/dist/vue-i18n.min.js"></script>
    <!--组件库V2.0.1-->
    <script src="https://cdn.static.zjtpyun.com/tp-ui/web/2.0.1/lib/index.min.js"></script>
    <!--项目配置-->
    <script src="../../resources/js/project-config.js"></script>

    <script src="../../api_server/check/loginstate"></script>
    <!--项目配置-->
    <script src="../../framework/swiper@7.3.1/swiper-bundle.min.js"></script>
    <script src="../../framework/echarts@5.3.0/echarts.min.js"></script>
    <script src="../../resources/js/project-config.js"></script>
    <script src="../../resources/utils/util.js"></script>
    <script src="./components.js"></script>
    <script src="./index.js"></script>

</head>

<body>
    <div id="app" v-clock>
        <dp-header></dp-header>
        <div class="page-content-map">
            <echarts-map @mappointclick="mapPointClick"></echarts-map>
        </div>
        <!-- 页面左侧数据 -->
        <div class="page-left-data">
            <p>
                <span>农林牧副渔总产值（2023）</span>
                <span>40.2275 <span>亿元</span></span>
            </p>
            <p>
                <span>村集体经济经营性收入（2023）</span>
                <span>****<span>亿元</span></span>
            </p>
            <p>
                <span>农林牧副渔总产值（2023）</span>
                <span>40.2275 <span>元</span></span>
            </p>
        </div>
        <!-- 页面右侧数据 -->
        <div class="page-right-data">
            <p>
                <span>粮油播种面积（2023）</span>
                <span>320.2 <span>万亩</span></span>
            </p>
            <p>
                <span>村集体经济经营性收入（2023）</span>
                <span>1506.01 <span>万头</span></span>
            </p>
            <p>
                <span>农林牧副渔总产值（2023）</span>
                <span>2.90 <span>万吨</span></span>
            </p>
        </div>
        <!-- 页面底部菜单 -->
        <div class="page-footer-menu">
            <div class="page-footer-menu-item" v-for="(item,index) in footerMenu" :key="index + 'footer'">
                <img @click="item.showChildren = !item.showChildren"  :src="item.icon" alt="">
                <span @click="item.showChildren = !item.showChildren" >{{item.name}}</span>
                <div class="footer-childern-menu" v-if="item.showChildren && item.children && item.children.length">
                    <div class="childern-menu-item" v-for="(childItem,childIndex) in item.children" :key="childIndex + 'child'">
                        {{childItem.name}}
                    </div>
                </div>
            </div>
        </div>
        <!-- 地图点位信息窗体 -->
        <div class="map-info-window" :style="{left: mapInfoWindowLeft}" v-if="mapInfoWindowShow">
            <div class="map-info-window-left-arrow" :style="{clipPath: mapClipPath}"></div>
            <img @click="mapInfoWindowShow = false" class="map-window-close" src="./img/dialog/bbck.png" alt="">
            <div class="map-info-window-top">
                <img src="./img/index/xtb.png" alt="">
                <span>新丰村</span>
            </div>
            <div class="map-info-window-town">
                <p>
                    <span class="word-bac">所属乡镇:</span>
                    <span>奇克镇</span>
                </p>
                <p>
                    <span class="word-bac">认定类型:</span>
                    <span>示范村</span>
                </p>
                <p>
                    <span class="word-bac">认定年份:</span>
                    <span>2021年</span>
                </p>
            </div>
            <span class="word-bac">乡村图片:</span>
            <div class="town-img-box">
                <img src="./img/index/bg.png" alt="">
            </div>
            <span class="word-bac">乡村简介:</span>
            <div class="town-desc-box">
                2019年12月，国家林业和草原局公布第二批国家森林乡村名单，新丰村榜上有名。
                2017年11月，中央文明委决定授予新丰村第五届全国文明村镇称号。
                新丰村是黑龙江黑河市逊克县奇克镇下辖的行政村，城乡分类代码为220，为村庄。区划代码为231123100208，居民身份证号码前6立为231123。邮政编码为164300，长途电话区号为0456，车牌号码为黑N。新丰村与靠山村、百合村、前进村、高滩村、沂洲村、工农村、四新村、团结村、东套子村、繁荣村、山河村、光明村、黎明村、边疆村相邻。
                新丰村附近有逊克沾河漂流、岔子省级自然保护区、东山湖景区、大平台雾松景区、东山森林公园、库尔滨河等旅游景点，有逊克玛瑙、雅罗、鳌花、酒心糖、逊克大豆、鳊花等特产，有逊克县鄂伦春族狩猎文化
            </div>
        </div>
    </div>
</body>

</html>
<script>
    const app = new Vue({
        el: '#app',
        mixins: [pageConf]
    });
</script>